<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    // a.算术运算符 （+ - * / % ）
    // + 遇到字符串起连接作用
    console.log(10+'10');
    console.log(10/20);
    // % 取余 正负只与左边有关 左边为正 结果为正 左边为负 结果为负
    console.log(10%20);//10
    console.log(-10%20);//-10
    console.log(10%-20);//10
    // b.自增(++) 自减(--) 无论在前在后 变量本身都自增1
    //在前 先自增（自减） 再参与运算
    //在后 先参与运算 再自增（自减）
    var num1 = 10;
    var num2 = 20;
    console.log(++num1 + num2 ); //31
    console.log(num1);//11
    console.log(num1 + num2++);//31
    console.log(num2);//21
    // c.复合赋值运算符(+= -= *= /= %= )
    num2 = num2 + num1 ;// num2 += num1;
    // d.比较运算符（> < >= <= == (全等)===） 结果是布尔型 
    //  ==  只要数值相同 即true === 数值和类型相同才true
    console.log(5=='5'); //true
    console.log(5==='5'); //false
    // e.逻辑运算符 (&& || !)
    // && 与   一假即假 
    // || 或   一真即真
    // ! 取反   你真我假  你假我真
    // f.三元运算符 表达式1 ? 表达式2 : 表达式3
    //求两个数之间的最大值
    console.log( num1 > num2  ?  num1  : num2 );
    </script>
</body>
</html>